<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>我的团队</title>
		<meta http-equiv="expires" content="0">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<link rel="stylesheet" href="../../../css/reset.css" />
		<link rel="stylesheet" href="../../../css/mui.min.css" />
		<link rel="stylesheet" href="../../../css/iconfont.css" />
		<link rel="stylesheet" href="../../../css/cmms.css" />
		<link rel="stylesheet" href="../../../css/sale/mine/team.css" />
	</head>
	<body>
		<div class="mui-content" id="team" v-cloak>
			<header class="overflow team-header">
				<span>团队人数：</span>
				<span class="right">共{{infoList.length}}人</span>
			</header>
			<section class="concat-wrap">
				<div class="panel overflow concat-list" v-for="info in infoList">
					<div class="left">
						<div>
							<img src="../../../img/11.jpg" alt="" />
						</div>
						<div class="phone">
							<i class="iconfont icon-shouji"></i>
						</div>
					</div>
					<div class="left concator">
						<div>
							<div class="concator-name">{{info.name}} ({{info.id}})</div>
							<div>
								<span class="btn-tag" v-for="role in info.roles">{{role.name}}</span>
							</div>
						</div>
						<div class="phone-num">{{info.phone}}</div>
					</div>
				</div>
			</section>
		</div>
		<script src="../../../js/mui.min.js"></script>
		<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/cmms.js?time=333"></script>
		<script>
			new Vue({
				el:"#team",
				data:{
					infoList:[]
				},
				mounted(){
					this.loadInfo();
				},
				methods:{
					loadInfo(){
						let _this = this;
						AT.muiAjax('/partner-sale/hosptal/getTeam','post',
						{},
						function(res){
							console.log(res);
							_this.infoList = res;
						});
					}
					
				}
			})
		</script>
	</body>
</html>
